<template>
  <div class="focus-list">
    <div class="myfocus-list">
      <ul class="sui-nav nav-tabs nav-large">
        <li class="active"><a href="#one" data-toggle="tab">关注的问题</a></li>
        <li><a href="#two" data-toggle="tab">关注的标签</a></li>
      </ul>
      <div class="tab-content tab-wraped">
        <div id="one" class="tab-pane active">
          <ul class="focuspro-list">
            <li class="pro-item">
              <div class="fl intro">
                <p class="title">css中设置元素为float，不是不影响其他元素的排版吗，如下图为什么影响了？</p>
                <ul class="sui-tag">
                  <li>css</li>
                  <li>html</li>
                  <li>javascript</li>
                </ul>
              </div>
              <div class="fr btns">
                <span class="mum">7 关注</span>
                <button class="sui-btn btn-danger btn-cancel btn-bordered">取消关注</button>
              </div>
              <div class="clearfix"></div> </li>
            <li class="pro-item">
              <div class="fl intro">
                <p class="title">css中设置元素为float，不是不影响其他元素的排版吗，如下图为什么影响了？</p>
                <ul class="sui-tag">
                  <li>css</li>
                  <li>html</li>
                  <li>javascript</li>
                </ul>
              </div>
              <div class="fr btns">
                <span class="mum">7 关注</span>
                <button class="sui-btn btn-danger btn-cancel btn-bordered">取消关注</button>
              </div>
              <div class="clearfix"></div> </li>
            <li class="pro-item">
              <div class="fl intro">
                <p class="title">css中设置元素为float，不是不影响其他元素的排版吗，如下图为什么影响了？</p>
                <ul class="sui-tag">
                  <li>css</li>
                  <li>html</li>
                  <li>javascript</li>
                </ul>
              </div>
              <div class="fr btns">
                <span class="mum">7 关注</span>
                <button class="sui-btn btn-danger btn-cancel btn-bordered">取消关注</button>
              </div>
              <div class="clearfix"></div> </li>
            <li class="pro-item">
              <div class="fl intro">
                <p class="title">css中设置元素为float，不是不影响其他元素的排版吗，如下图为什么影响了？</p>
                <ul class="sui-tag">
                  <li>css</li>
                  <li>html</li>
                  <li>javascript</li>
                </ul>
              </div>
              <div class="fr btns">
                <span class="mum">7 关注</span>
                <button class="sui-btn btn-danger btn-cancel btn-bordered">取消关注</button>
              </div>
              <div class="clearfix"></div> </li>
          </ul>
        </div>
        <div id="two" class="tab-pane">
          <ul class="focuspro-list">
            <li class="pro-item">
              <div class="fl intro">
                <p class="title">html中设置元素为float，不是不影响其他元素的排版吗，如下图为什么影响了？</p>
                <ul class="sui-tag">
                  <li>css</li>
                  <li>html</li>
                  <li>javascript</li>
                </ul>
              </div>
              <div class="fr btns">
                <span class="mum">7 关注</span>
                <button class="sui-btn btn-danger btn-cancel btn-bordered">取消关注</button>
              </div>
              <div class="clearfix"></div> </li>
            <li class="pro-item">
              <div class="fl intro">
                <p class="title">html中设置元素为float，不是不影响其他元素的排版吗，如下图为什么影响了？</p>
                <ul class="sui-tag">
                  <li>css</li>
                  <li>html</li>
                  <li>javascript</li>
                </ul>
              </div>
              <div class="fr btns">
                <span class="mum">7 关注</span>
                <button class="sui-btn btn-danger btn-cancel btn-bordered">取消关注</button>
              </div>
              <div class="clearfix"></div> </li>
            <li class="pro-item">
              <div class="fl intro">
                <p class="title">html中设置元素为float，不是不影响其他元素的排版吗，如下图为什么影响了？</p>
                <ul class="sui-tag">
                  <li>css</li>
                  <li>html</li>
                  <li>javascript</li>
                </ul>
              </div>
              <div class="fr btns">
                <span class="mum">7 关注</span>
                <button class="sui-btn btn-danger btn-cancel btn-bordered">取消关注</button>
              </div>
              <div class="clearfix"></div> </li>
            <li class="pro-item">
              <div class="fl intro">
                <p class="title">html中设置元素为float，不是不影响其他元素的排版吗，如下图为什么影响了？</p>
                <ul class="sui-tag">
                  <li>css</li>
                  <li>html</li>
                  <li>javascript</li>
                </ul>
              </div>
              <div class="fr btns">
                <span class="mum">7 关注</span>
                <button class="sui-btn btn-danger btn-cancel btn-bordered">取消关注</button>
              </div>
              <div class="clearfix"></div> </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  import '~/assets/css/page-sj-person-myfocus.css'
    export default {
        name: "myfocus"
    }
</script>

<style scoped>

</style>
